<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<jsp:include page="title.jsp"></jsp:include>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <script src="js/base/jquery.js" type="text/javascript"></script>
    <script src="js/login_mobile.js" type="text/javascript"></script>
    <style type="text/css">
        *
        {
            margin: 0;
            padding: 0;
        }
        .cleardiv
        {
            clear: both;
        }
        body
        {
            font-size: 62.5%;
            font-family: 兰亭细黑,微软雅黑,宋体;
        }
        .top
        {
            font-size: 1.5em;
            color: #fff;
            text-align: center;
            width: 100%;
            padding-top: 0.1em;
            padding-bottom: 0.1em;
            background-color: #ffab43;
            font-size: 1.2em;
        }
        .mid
        {
            width: 90%;
            margin: 1em 5% 1em 5%;
        }
        .mid .lock
        {
            width: 100%;
            text-align: center;
            margin: 5em 0;
        }
        .lock img
        {
            width: 10em;
        }
        
        .inputdiv
        {
            margin-bottom: 3em;
            width: 100%;
        }
        .inputdiv input
        {
            width: 100%;
            height: 2.5em;
            color: #8d8d8d;
            border-width: 0.1em;
            border-style: solid;
            -moz-border-radius: 0.5em;
            -khtml-border-radius: 0.5em;
            -webkit-border-radius: 0.5em;
            border-radius: 0.5em;
            border-color: #e8e8e8;
            background-color: #e8e8e8;
        }
        
        .mid .errordiv
        {
            color: red;
            text-align: left;
            font-size: 1.2em;
        }
        
        .mid .logindiv
        {
            width: 100%;
            -moz-border-radius: 0.5em;
            -khtml-border-radius: 0.5em;
            -webkit-border-radius: 0.5em;
            border-radius: 0.5em;
            background-color: #fea93e;
            color: #fff;
        }
        .logindivmargin
        {
            padding: 0.6em 0;
            width: 100%;
            text-align: center;
            font-size: 2em;
        }
    </style>
</head>
<body>
	<form id="myfrom" method="post">
		<div class="top" id="top">
	    </div>
	    <div class="mid">
	        <div class="lock">
	            <img src="images/login_lock.png" /></div>
	    </div>
	    <div class="mid">
	        <div class="inputdiv">
	            <input type="text" id="txtuser" name="userInfo.userName" value=" 用户名" onblur="if(this.value==''){this.value=' 用户名';}"
	                onfocus="if(this.value==this.defaultValue){this.value='';}" /></div>
	    </div>
	    <div class="mid">
	        <div class="inputdiv">
	            <input type="text" id="txtpwd" name="userInfo.password" value=" 密码" onblur="if(this.value==''){this.value=' 密码';this.type='text'}"
	                onfocus="if(this.value==this.defaultValue){this.value='';this.type='password'}" /></div>
	    </div>
	    <div class="mid">
	        <div id="errordiv">
	        
	        </div>
	    </div>
	    <div class="mid">
	    	<input type="hidden" value="${gotopage }" id="gotopage"/>
	    	<input type="hidden"  id="userid"/>
	        <div class="logindiv">
	            <div class="logindivmargin" onclick="login()">
	                登录</div>
	        </div>
	    </div>
    </form>
</body>
</html>